/* eslint-disable @typescript-eslint/no-unused-vars */
/* eslint-disable import/first */
import { View } from "@tarojs/components";
import Taro, { useLoad } from "@tarojs/taro";
import { Button, Popup } from "@taroify/core";
import "./index.less";
import React, { useState } from "react";
import { GoldCoinOutlined } from "@taroify/icons";

const IntelFilling: React.FC = () => {
  const [open, _setOpen] = useState<boolean>(true);

  useLoad(() => {
    console.log("Page loaded");
  });

  return (
    <View className="w-full text-center">
      <Popup open={open} rounded className="shadow-2xl rounded-xl">
        <View className="w-[80vw] flex flex-col gap-4 p-6">
          <View className="">
            <Button
              variant="contained"
              color="primary"
              icon={<GoldCoinOutlined />}
              block
              onClick={() => {
                Taro.navigateTo({
                  url: "/pages/IntelFilling/components/DayReport/index",
                });
              }}
            >
              日管控
            </Button>
          </View>
          <View className="">
            <Button
              variant="contained"
              color="primary"
              icon={<GoldCoinOutlined />}
              block
              onClick={() => {
                Taro.navigateTo({
                  url: "/pages/IntelFilling/components/WeekReport/index",
                });
              }}
            >
              周排查
            </Button>
          </View>
          <View className="">
            <Button
              variant="contained"
              color="primary"
              icon={<GoldCoinOutlined />}
              block
              onClick={() =>
                Taro.redirectTo({
                  url: "/pages/IntelFilling/components/MonthReport/index",
                })
              }
            >
              月调度
            </Button>
          </View>
        </View>
      </Popup>
    </View>
  );
};

export default IntelFilling;
